<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情</title>
    <link rel="stylesheet" href="/css/cart.css">
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
</head>
<body>
    <header></header>
    <main id="main">
        <div class="cart-head">
            <p class="sp1">&nbsp;</p>
            <p class="sp2">&nbsp;</p>
            <p class="sp3">      商品信息</p>
            <p class="sp4"> &nbsp;</p>
            <p class="sp5">单价（元）</p>
            <p class="sp6">数量</p>
            <p class="sp7">金额（元）</p>
            <p class="sp8">操作</p>
        </div>
        <div class="cart-shop">
            <label>
                <input type="checkbox" id="AllCheck"> 绝地求生供应商：衍界
              </label>
        </div>
        <div class="cart-list" id="cart-list">
            <div class="total">
                <p>
                    商品应付金额： ￥ <span id="paymoney"></span>
                    <button>提交订单</button>
                </p>
            </div>
        </div>
        <script type="text/html" id="cartTemplate">
            {{each cart shop}}
            <div class="cart-list-tab" data-id = "{{shop.id}}">
                <p class="sp1"><input type="checkbox" class='checks'{{shop.check? 'checked' : ''}}></p>
                <p class="sp2"><a href=""><img src="{{shop.photo[0].url}}" alt=""></a></p>
                <p class="sp3">  {{shop.title.slice(0,10)+'...'}}   </p>
                <p class="sp4">尺码：S/165 </p>
                <p class="sp5">{{shop.price}} 元</p>
                <p class="sp6">
                    <button type="button" class="btn btn-default jian" >-</button>
                    <button type="button" class="btn btn-default  " >{{shop.count}}</button>
                    <button type="button" class="btn btn-default  jia" >+</button>
                </p>
                <p class="sp7">{{(shop.price*shop.count).toFixed(2)}}</p>
                <p class="sp8 del-btn">删除</p>
            </div>
            {{/each}}
        </script>
        
    </main>
    <div class="empty " id="cart-empty">
        <p><i class="iconfont">&#xe618;</i>您的购物车还没有商品!</p>
        <a href="/index.html">返回首页</a>
        <a href="/index.html">去选款式</a>
    </div>
    
    <footer></footer>
</body>
<script src="/libs/require.min.js" data-main="/js/cart.js"></script>
</html>